.resources-Page {
  width: 100%;
  height: calc(100vh - 50px);
  background: url('~@/assets/images/bg.jpg') no-repeat 0 0 / cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 15px;
  // 头部
  .head {
    margin-bottom: 15px;
    .header {
      width: 100%;
      height: 100px;
      padding: 10px;
      // border: 1px solid green;
      display: flex;
      //  justify-content: space-around;
       .item {
           flex: 1;
           margin-right: 10px;
          border-radius: 5px;
          //  border: 1px solid red;
            display: flex;
          font-size: 16px;
          background:url('../../assets/img/hdbj.png') no-repeat ;
          background-size: 100% 100%;
          .images {
              width: 35px;
              height: 35px;
              margin-top: 15px;
              margin-left: 10px;
                  img {
                      width: 100%;
                      height: 100%;
                  }
          }
          .top-box {
              display: flex;
              flex-direction: column;
              margin-left: 15px;
              // justify-content: space-around;
          }
           .top-box>div {
               flex: 1;
           }
           .top-box-title {
               margin-top: 13px;
           }
       }
  
      //  .month {
      //      display: flex;
      //     font-size: 14px;
      //  }
     }
  }
  .main {
    width: 100%;
    height: 280px;
    // height: calc(100vh - 172px);
    display: flex;
    .line {
      flex: 1;
      margin-right: 15px;
      .chart {
        width: 100%;
        height: 240px;
        // background-color: pink;
      }
    }
    .pie {
      flex: 1;
      .chart {
        width: 100%;
        height: 240px;
        // background-color: pink;
      }
    }
  }
  .table {
    width: 100%;
    height: calc(100vh - 512px);
    margin-top: 10px;
    .table-box {
      width: 100%;
      height: 100%;
     
 
    }

   
  }
//  #013879 #007acc
}